*{
  padding:0;
  margin:0;
}
body{
  color:#333;
  font:16px "Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  background-color:#fff;
  width: 100%;
}
em{font-style: normal}
p,h1,h2,h3,h4,h5,h6,ul,li,ol{
  padding:0;
  margin:0;
}
i,em{font-style: normal}
.lf{float:left;}
.rt{float:right;}
.clear{clear:both;}
ul,dl,dt,dd,ol,li{list-style:none;}
a{
  color:#333;
  text-decoration:none;
}
img{border: none;}

@media (max-width: 1200px) {
  body, header {
    width: 1200px;
  }
}

.HeaTopCon ul li a,.searchLabels input,.search .searchMeun,.search .active,.HeaBomCon ul li a,.banner .cut,.More,
.More .cor1,.More .cor2:before,.ProNav ul li,.ProList ul li a dl dt img,.ProMed,.ProList ul li a dl dd,
.ProList ul li a dl dd span,.PartnerMain .multipleColumn .bd ul li .pic a img,
.PartnerMain .multipleColumn .bd ul li .pic a,.PartnerMain .multipleColumn .prev,.multipleColumn .next,
.ABMore a .after,.ABMore a span,.ABMore a,.ABList ul li dl dt img,.mp2,.mp1,.FMLbels input,.FMLbels textarea,.FMBtns button,
.FooNav ul li a,.MNListLf a,.ALImg img,.ALImgMed,.MoreS span,.ALTxt h3,.pages a,.MNListRt ul li a,.ABDetailTop .MeTo,
.ABDetailTop .MeTo:after,.ABDetailTop .MeTo:before,.Leaf a,.ABZZ ul li dt img,.ABZZ ul li dt,.ABZZ ul li dl dd,
.ABXCMed,.ProductCon ul li a dt img,.ProductCon ul li a dd,.ProductCon ul li a dd em,.ProductCon ul li a dd .pr2:before,
.PCMed,.PCMedTxt,.CCMed,.CCTxtRt h3,.CCMore,.CaseCon ul li a,.CCImg img,.CaseS2 ul li,.TelMe ul li,.More .cor2{
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.ProMed .sp1 .ems,.ProMed .sp1 .eml,.PCMedTxt span{
  transition: all 0.3s linear 0.3s;
  -webkit-transition: all 0.3s linear 0.3s;
  -moz-transition: all 0.3s linear 0.3s;
  -o-transition: all 0.3s linear 0.3s;
}
.ABXCMed .es1{
  transition: all 0.3s linear 0.2s;
  -webkit-transition: all 0.3s linear 0.2s;
  -moz-transition: all 0.3s linear 0.2s;
  -o-transition: all 0.3s linear 0.2s;
}
.HeaTopCon:after,.HeaTopCon ul:after,.HeaBomCon:after,.HeaBomCon ul:after,.ProList ul:after,.NMain:after,
.NMlfMain ul li a:after,.MMKuaiMed:after,.MMKTxt .em1:after,.NMRt ul li a:after,.FMCon:after,.FMLMain:after,
.AddrXin:after,.FooNav ul:after,.FooBomMain:after,.MNList:after,.MNListRt ul:after,.AboutZList li a:after,
.ABDetailTop:after,.Leaf:after,.ABListCon:after,.ABZZ ul:after,.ProductCon ul:after,.ProductCon ul li a dd:after,
.CaseCon ul li a:after,.CaseS2 ul:after,.figure:after,.ToMeMain .h3:after,.TelMe ul:after{
  content: ' ';
  display: table;
  clear: both;
}

/*  header  */
.HeaTop{
  width: 100%;
  background-color: #f5f5f5;
}
.HeaTopCon{
  width: 1200px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
}
.HeaTopCon ul{float: left;}
.HeaTopCon ul li{
  float: left;
  height: 40px;
  margin-right: 20px;
  position: relative;
}
.HeaTopCon ul li a{font-size: 14px;color: #666}
.HeaTopCon ul li a:hover{color: #d12d2e}
.HeaTopCon .span1{float: right;color: #666;font-size: 14px}
.HeaBom{
  width: 100%;
  background-color: #fff;
}
.HeaBomCon{
  width: 1200px;
  height: 80px;
  margin: 0 auto;
}
.HeaLogo{
  float: left;
  margin-top:19px;
}
.search {
  float: right;
  position: relative;
  margin-top: 17.5px;
}
.search .searchMeun {
  width: 45px;
  height: 45px;
  background-color: #d12d2e;
  background-image: url(images/search.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border-radius: 3px;
}
.search .searchMeun:hover{
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.search .active {
  background-image: url(images/close.png) !important;
}
#search {
  position: absolute;
  height: 40px;
  top: 62px;
  right: 0;
  width: 400px;
  padding: 25px 0;
  background-color: #fc8384;
  background-color: rgba(0,0,0,.4);
  display: none;
  z-index: 50;
  border: 1px solid #ddd;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.searchLabels {
  width: 300px;
  margin: 0 auto;
}
.searchLabels input {
  width: 288px;
  height: 38px;
  padding-left: 10px;
  line-height: 38px;
  border: 1px solid #ddd;
  outline: none;
  border-radius: 3px;
}
.searchLabels input:focus{border: 1px solid #d12d2e}
.HeaBomCon ul{float: right;margin-right: 15px;margin-top: 22.5px}
.HeaBomCon ul li{
  float: left;
  margin-left: 20px;
  position: relative;
}
.HeaBomCon ul li a{
  display: block;
  height: 35px;
  line-height: 35px;
  border-radius: 18px;
  padding: 0 15px;
  background-color: #fff;
}
.HeaBomCon ul li a:hover{
  background-color: #d12d2e;
  color: #fff;
}
.HeaderItem{
  width: 120px;
  text-align: center;
  position: absolute;
  top: 35px;
  left: -14px;
  z-index: 50;
  background-color: #fff;
  background-color: rgba(255,255,255,.7);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  padding: 32.5px 0 10px;
  display: none;
}
.HeaderItem a{background-color: transparent !important;}
.HeaderItem a:hover{color: #d12d2e !important;}
.HeaderItem dl dd.active a{color: #d12d2e !important;}

.HeaBomCon ul li.active>a{
  background-color: #d12d2e;
  color: #fff;
}
/*  主体部分  */
.Main{width: 100%}
.banner {
	width:100%;
  height: 600px;
  padding:0;
  margin:0 auto;
  position: relative;
  overflow: hidden;
}
.banner ul li {
  height: 100%;
  width: 100%;
  position: absolute;
  left:0;
  top:0;
  display: none;
  z-index:10;
}

.banner .cut {
  position: absolute;
  width: 40px;
  height: 80px;
  top:50%;
  margin-top: -40px;
  z-index: 20;
  background-color: #000;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.banner .prev {
  left: 100px;
  background-image: url("images/zb.png");
}
.banner .next {
  right: 100px;
  background-image: url("images/yb.png");
}
.banner:hover .cut{
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.banner .indicator {
  position: absolute;
  width: 120px;
  height: 45px;
  line-height: 45px;
  left:300px;
  bottom: 80px;
  text-align: center;
  z-index: 20;
}
.banner .indicator .number{position: relative}
.banner .indicator a {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 48px;
  color: #fff;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.banner .indicator a.cur {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.intor{
  position: absolute;
  z-index: 50;
  bottom: 30px;
  left: 300px;
}
.intor div{
  width: 120px;
  height: 45px;
  line-height: 45px;
  font-size: 30px;
  color: #fff;
}
.intor div.span2{text-align: right;border-top: 1px solid #fff}
/*  产品中心  */
.Pro{background-color: #f4f4f4;padding-top: 20px;padding-bottom: 80px}
.ProCon{
  width: 1200px;
  margin: 0 auto;
}
.ConNav{
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  position: relative;
}
.ConNav .span1{font-size: 30px;}
.ConNav .span2{color: #999999;font-size: 16px}
.ConNav .em1{
  position: absolute;
  width: 50px;
  height: 5px;
  background-color: #bf2122;
  left: 50%;
  margin-left: -25px;
 bottom: -2.5px;
}
.MoreCon{
  position: absolute;
  right: 0;
  bottom: -15px;
}
.More{
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
}
.More .cor1{
  padding-right: 18px;
  position: relative;
  left: 0;
}
.More .cor2{
  display: inline-block;
  width: 15px;
  height: 10px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url("images/gicon.png");
}
.More:hover .cor2{background-position: 0 -41px;}
.More:hover{color: #bf2122}
.More:hover .cor1{left: -8px}
.ProNav{margin-top: 40px;text-align: center}
.ProNav ul{font-size: 0;line-height: 0}
.ProNav ul li{
  display: inline-block;
  font-size: 16px;
  width: 140px;
  height: 35px;
  line-height: 35px;
  background-color: #fff;
  margin-right: 1px;
  cursor: pointer;
}
.ProNav ul li.active{
  background-color: #bf2122;
  color: #fff;
}
.ProNav ul li:hover{
  background-color: #bf2122;
  color: #fff;
}
.ProHeight{position: relative}
.ProList ul{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.ProList ul li{
  float: left;
  width: 270px;
  margin-right: 40px;
  margin-top: 40px;
}
.ProList ul li a{
  display: block;
  perspective: 400px;
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  position: relative;
}
.ProMed{
  position: absolute;
  top: 0;
  left: 0;
  width: 270px;
  height: 200px;
  overflow: hidden;
  text-align: center;
  background-color: #000;
  background-color: rgba(0,0,0,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform: rotate3d(-1, 0, 0, 108.7deg);
  -webkit-transform: rotate3d(-1, 0, 0, 108.7deg);
  -moz-transform: rotate3d(-1, 0, 0, 108.7deg);
  -ms-transform: rotate3d(-1, 0, 0, 108.7deg);
  -o-transform: rotate3d(-1, 0, 0, 108.7deg);
  z-index: 20;
}
.ProList ul li a:hover .ProMed{
  transform: rotate3d(0, 0, 0, 0deg);
  -webkit-transform: rotate3d(0, 0, 0, 0deg);
  -moz-transform: rotate3d(0, 0, 0, 0deg);
  -ms-transform: rotate3d(0, 0, 0, 0deg);
  -o-transform: rotate3d(0, 0, 0, 0deg);
}
.ProMed .sp1{
  width: 258px;
  height: 188px;
  border: 1px solid #999;
  margin: 5px auto 0;
  position: relative;
}
.ProMed .sp1 .ems{
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 0;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background-image: url("images/lj1.png");
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.ProMed .sp1 .eml{
  color: #fff;
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  line-height: 400px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.ProList ul li a:hover .ProMed .sp1 .eml{
  line-height: 280px;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.ProList ul li a:hover .ProMed .sp1 .ems{
  top: 50%;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.ProList ul li a dl dt{
  width: 270px;
  height: 200px;
  overflow: hidden;
}
.ProList ul li a dl dt img{width: 100%}
.ProList ul li a:hover dl dt img{
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.ProList ul li a dl dd{
  height: 70px;
  background-color: #fff;
  padding: 0 15px;
  text-align: center;
}
.ProList ul li a dl dd span{display: block}
.ProList ul li a dl dd .span1{
  padding-top: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ProList ul li a dl dd .span2{
  width: 50px;
  height: 2px;
  background-color: #bf2122;
  margin: 15px auto 0;
}
.ProList ul li a:hover dl dd{background-color: #bf2122}
.ProList ul li a:hover dl dd .span2{background-color: #fff}
.ProList ul li a:hover dl dd .span1{color: #fff}
.ConBanner{width: 100%;height: auto;}
.ConBanner img{
  width: 100%;
  height: 100%;
}
/*  案例中心  */
.AppCase{
  width: 1200px;
  margin: 0 auto;
}
.Case{
  width: 100%;
  padding-top: 20px;
  background-color: #fff;
}
.ProList .ProList{position: relative}
.ProList .picList{display: block}
.picScroll-left{ width:100%;position: relative}
.picScroll-left .hd{
  width: 100%;
  height: 130px;
  line-height: 130px;
  text-align: center;
}
.picScroll-left .hd ul li{
  display: inline-block;
  width: 40px;
  height: 8px;
  line-height: 8px;
  border-radius: 4px;
  cursor:pointer;
  background-color: #e0e0e0;
  font-size: 0;
  margin: 0 8px;
}
.picScroll-left .hd ul li.on{ background-color: #bf2122}
.picScroll-left .ProList ul{zoom:1;}
.picScroll-left .tempWrap{width: 1200px !important;}
.picScroll-left .ProList li .date{display: none;}
.pageState{display: none}
.picScroll-left .prev,
.picScroll-left .next{
  position: absolute;
  width: 70px;
  height: 70px;
  top: 50%;
  margin-top: -35px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 20;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  display: none;
}
.picScroll-left .prev{
  left: 50px;
  background-image: url("images/zb.png");
}
.picScroll-left .next{
  right: 50px;
  background-image: url("images/yb.png");
}
.picScroll-left:hover .prev,
.picScroll-left:hover .next{
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
/*  合作伙伴  */
.Partner{
  width: 100%;
  background-color: #f0f0f0;
  padding-top: 20px;
  padding-bottom: 100px;
}
.PartnerMain{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.PartnerMain .ConNav{margin-bottom: 40px}
.PartnerMain .multipleColumn{
  position:relative;
}
.PartnerMain .prev,.PartnerMain .next{
  display:block;
  position: absolute;
  width: 43px;
  height: 60px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  top:50%;
  margin-top: -40px;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 100;
  cursor: pointer;
  border-radius: 3px;
}
.PartnerMain .tempWrap{width: 1200px !important;}
.PartnerMain .prev{
  left: -55px;
  background-image: url("images/zh.png");
}
.PartnerMain:hover .prev,.PartnerMain:hover .next{
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.PartnerMain .next{
  right: -55px;
  background-image: url("images/yh.png");
}
.PartnerMain .multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.PartnerMain .multipleColumn .hd ul li{
  float:left;
  width:9px;
  height:9px;
  overflow:hidden;
  margin-right:5px;
  text-indent:-999px;
  cursor:pointer;
}
.PartnerMain .multipleColumn .hd ul li.on{ background-position:0 0; }

.PartnerMain .multipleColumn .bd{overflow:hidden;}
.PartnerMain .multipleColumn .bd ul{
  overflow:hidden;
  zoom:1;
  width:285px;
  float:left;
  _display:inline;
  margin-right: 20px;
}
.PartnerMain .multipleColumn .bd ul li{
  width:100%;
  float:left;
  _display:inline;
  text-align:center;
  margin-bottom: 20px;
}

.PartnerMain .multipleColumn .bd ul li .pic>a{
  display: block;
  width: 285px;
  height: 160px;
  text-align: center;
  overflow: hidden;
  position: relative;
  top: 0;
}
.PartnerMain .multipleColumn .bd ul li .pic>a:hover{
  top: -5px;
  box-shadow: 0 5px 20px #d8d8d8;
  -webkit-box-shadow: 0 5px 20px #d8d8d8;
  -moz-box-shadow: 0 5px 20px #d8d8d8;
  -ms-box-shadow: 0 5px 20px #d8d8d8;
  -o-box-shadow: 0 5px 20px #d8d8d8;
}
.PartnerMain .multipleColumn .bd ul li .pic>a:hover img{
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
/*  关于我们  */
.About{
  width: 100%;
  background-image: url("images/ban01.jpg");
  background-color: transparent;
  background-repeat:  no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.ABMain{
  width: 1200px;
  height: auto;
  overflow:hidden;
  margin: 0 auto;
  padding: 20px 0;
}
.ABMain .ConNav{border-bottom: transparent;color: #fff}
.ABMain .ConNav .span2{color: #fff}
.ABTxt{
  color: #fff;
  line-height: 30px;
  font-size: 14px;
  text-align: justify;
  margin: 50px 0 35px;
}
.ABMore{
  width: 150px;
  margin: 0 auto;
  text-align: center;
}
.ABMore a{
  display: block;
  height: 34px;
  line-height: 36px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 18px;
  position: relative;
}
.ABMore a span{position: relative;z-index: 30}
.ABMore a .sm1{left: 0}
.ABMore a .sm2{left: 0}
.ABMore a .after{
  position: absolute;
  top: 0;
  left: 0;
  width:0;
  height: 34px;
  background-color: #bf2122;
  border-radius: 18px;
  z-index: 10;
}
.ABMore a:hover{border: 1px solid #bf2122}
.ABMore a:hover .after{width: 148px}
.ABMore a:hover .sm1{left: -5px}
.ABMore a:hover .sm2{left: 5px}
.ABList{margin-top: 60px}
.ABList ul{font-size: 0;line-height: 0;text-align: center}
.ABList ul li{
  display: inline-block;
  width: 100px;
  margin-right: 120px;
}
.ABList ul li dl dt{
  width: 100px;
  height: 100px;
  background-image: url("images/dqh.png");
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.ABList ul li dl dt img{vertical-align: middle;position: relative;top: 0}
.ABList ul li:hover dl dt img{top: -8px}
.ABList ul li dl dd{
  max-width: 100px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
}
/*  行业资讯  */
.News{
  width: 100%;
  padding: 55px 0 50px;
  background-color: #fff;
}
.NMain{
  width: 1200px;
  margin: 0 auto;
}
.NMlf{
  float: left;
  width: 580px;
}
.NMNav{padding-bottom: 12px;margin-bottom: 40px}
.NMNav span{font-size: 24px;padding-bottom: 10px}
.NMNav .span1{border-bottom: 2px solid #bf2122}
.NMNav .span3{font-size: 16px;color: #999}
.NMlfMain ul li a{
  display: block;
  width: 100%;
}
.NMlfMain ul li{margin-bottom: 30px}
.NMlfMain ul li a .NMlfMainS1{
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.NMlfMain ul li.active a .NMlfMainS1{display: none}

.NMKuai{
  float: left;
  width: 20px;
  height: 20px;
  background-color: #bf2122;
}
.NMKuaiS2{
  float: left;
  margin-left: 10px;
  max-width: 460px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.NMKuaiS3{float: right}
.MMKuaiMed{
  width: 100%;
  height: 120px;
  display: none;
}
.NMlfMain ul li.active a .MMKuaiMed{display: block}
.MMKImg{
  width: 180px;
  height: 120px;
  overflow: hidden;
  float: left
}
.MMKImg img{width: 100%}
.MMKTxt{
  float: left;
  width: 350px;
  padding: 20px 25px;
  height: 80px;
  background-color: #bf2122;
}
.MMKTxt .em1{color: #fff;margin-bottom: 12px}
.MMKTxt .em1 .span1{
  float: left;
  max-width: 245px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.MMKTxt .em1 .span2{float: right}
.MMKTxt .em2{
  font-size: 14px;
  color: #fff;
  line-height: 27px;
  max-height: 53px;
  overflow: hidden;
}
.NMRt{
  float: right;
  width: 650px;
}
.NMRt1{
  float: right;
  width: 580px;
}
.NMRt1 ul li{margin-bottom: 25px}
.NMRt1 ul li a{
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.NMRt ul li{margin-bottom: 25px}
.NMRt ul li a{
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.NMRtKuai{
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background-color: #bf2122;
}
.mp1{
  float: left;
  margin-left: 10px;
  max-width: 505px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mp2{
  color: #666;
  font-size: 30px;
  float: right;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  font-weight: lighter;
}
.NMRt ul li a:hover .mp1{color: #bf2122}
.NMRt ul li a:hover .mp2{
  color: #bf2122;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
/*  底部样式  */
.fooMain{
  width: 100%;
  background-image: url("images/fooban.jpg");
  background-repeat: no-repeat;
  background-position: center;
}
.FMCon{
  width: 1280px;
  height: 355px;
  margin: 0 auto;
  padding-top: 70px;
}
.FMCon .NMNav{color: #fff}
.FMCon .NMNav .span3{color: #fff}
.FMLMain{margin-bottom: 20px}
.lise1{float: left}
.lise2{float: right}
.FMLbels input{
  width: 233px;
  height: 38px;
  border: 1px solid #fff;
  outline: none;
  padding-left: 10px;
  border-radius: 3px;
  padding-right: 35px;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-color: #fff;
  background-color: rgba(255,255,255,0.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.FMLbels textarea{
  width: 543px;
  height: 100px;
  border: 1px solid #fff;
  outline: none;
  padding: 10px 25px 10px 10px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-color: #fff;
  background-color: rgba(255,255,255,0.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  resize: none;
}
.FMLbels #FMName{background-image: url("images/rr1.png");}
.FMLbels #FMTels{background-image: url("images/rr2.png");}
.FMLbels #FMText{
  background-image: url("images/rr1.png");
  background-position: 99% 10px;
}
.FMLbels input:focus,
.FMLbels textarea:focus{border: 1px solid #bf2122}
.FMLbels input::-webkit-input-placeholder,
.FMLbels textarea::-webkit-input-placeholder{
  font-size: 14px !important;
  color: #666 !important;
  font-family: "Microsoft YaHei" !important;
}
.FMBtns{margin-top: 20px}
.FMBtns button{
  width: 280px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #bf2122;
  color: #fff;
  cursor: pointer;
  outline: none;
  border: 0;
  font-size: 14px;
  border-radius: 3px;
}
.FMBtns button:hover{background-color: #f73d3e}
.AddrConLf{
  float: left;
  width: 290px;
  font-size: 14px;
  color: #fff;
}
.AddrConLf ul li{
  margin-bottom: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.AddrConLf ul li.active{margin-bottom: 20px}
.AddrConRt{
  float: right;
  width: 140px;
  height: 140px;
  margin-left:20px;
  margin-top: 20px;
}
.AddrConRt img{width: 100%}
.FooNav{
  margin-top: 40px;
  height: 30px;
  line-height: 30px;
}
.FooNav ul li{
  float: left;
  margin-right: 25px;
  margin-bottom: 0;
}
.FooNav ul li a{
  display: block;
  font-size: 14px;
  color: #fff;
}
.FooNav ul li a:hover{color: #bf2122}
.FooBom{
  width: 100%;
  background-color: #383838;
}
.FooBomMain{
  width: 1200px;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  color: #b7b7b7;
  font-size: 14px;
}
.FooBomMain a{
  color: #b7b7b7;
}
.FooBomMain span{
  width: 400px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.FooBomMain .span1{float: left;}
.FooBomMain .span2{
  float: left;
  text-align: center;
}
.FooBomMain .span3{
  float: right;
  text-align: right;
}
/*  关于我们 资讯列表  */
.MainBanner{
  width: 100%;
  background-position: center;
  height: 400px;
  overflow: hidden;
}
.MainNav{
  width: 100%;
  background-color: #f6f6f6;
}
.MNList{
  width: 1200px;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  color: #666666;
}
.MNListLf{
  float: left;
  font-size: 14px;
}
.MNListLf a{
  padding-left: 25px;
  background-image: url("images/fa.png");
  background-repeat: no-repeat;
  background-position: left center;
  color: #666;
}
.MNListLf a:hover{color: #bf2122}
.MNListRt{
  float: right;
  font-size: 16px;
}
.MNListRt ul li{
  float: left;
  margin-left: 15px;
}
.MNListRt ul li a{
  display: block;
  color: #666;
  border-bottom: 1px solid transparent;
}
.MNListRt ul li.active a{
  color: #bf2122;
  border-bottom: 1px solid #bf2122;
}
.MNListRt ul li a:hover{
  color: #bf2122;
  border-bottom: 1px solid #bf2122;
}
.chilren{
  width: 1200px;
  margin: 40px auto 100px;
}
.chilrens{width: 1200px;margin: 40px auto 0}
.AboutZList li{margin-bottom: 30px}
.AboutZList li a{
  display: block;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
  height: 200px;
}
.ServesCon .AboutZList li a{
  padding-bottom: 0;
  border-bottom: 0;
}
.ALImg{
  float: left;
  width: 300px;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.ALImg img{width: 100%}
.ALImgMed{
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 200px;
  background-color: #000;
  background-color: rgba(0,0,0,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("images/fdj.png");
}
.ALImgMed .ALImgMedS1{
  width: 278px;
  height: 178px;
  border: 1px solid #999;
  margin: 10px auto;
}
.AboutZList li a:hover .ALImg img{
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.AboutZList li a:hover .ALImgMed{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.ALTxt{
  float: right;
  width: 860px;
}
.ALTxt h3{
  font-weight: normal;
  font-size: 18px;
  color: #383838;
  margin-bottom: 30px;
}
.ServesCon .ALTxt h3{
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.ALTxt h3 em{
  display: block;
  font-size: 14px;
  color: #999;
  margin-top: 10px;
}
.ALTxtCon{
  font-size: 14px;
  color: #666;
  line-height: 27px;
  height: 54px;
  overflow: hidden;
}
.AboutZList li a:hover .ALTxt h3{color: #bf2122}
.MoreS{
  width: 150px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #e75b5c;
  color: #fff;
  font-size: 14px;
  margin-top: 40px;
}
.ServesCon .MoreS{margin-top: 20px}
.MoreS span{position: relative}
.MoreS .span1{left: -3px}
.MoreS .span2{left: 3px}
.MoreS:hover .span1{left: 25px}
.MoreS:hover .span2{left: -50px}
.pages{
  font-size: 0;
  line-height: 0;
  text-align: center;
  color: #383838;
  margin-top: 60px;
}
.pages a{
  display: inline-block;
  width: 58px;
  height: 34px;
  border: 1px solid #ddd;
  line-height: 36px;
  font-size: 14px;
  margin-right: 20px;
}
.pages a.nexts{margin-right: 0}
.pages a.active{
  background-color: #bf2122;
  color: #fff;
  border: 1px solid #bf2122;
}
.pages a:hover{
  background-color: #bf2122;
  color: #fff;
  border: 1px solid #bf2122;
}
/*   关于我们资讯详情页   */
.ABDetail{
  font-size: 14px;
  color: #666;
  line-height: 30px;
  text-align: justify;
}
.ABDetailTop{
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  text-align: center;
  margin-bottom: 25px;
  position: relative;
}
.ABDetailTop h3{
  font-weight: normal;
  font-size: 18px;
  color: #383838;
  margin-bottom: 15px;
}
.ABDetailTop .span1{margin-left: 76px;padding-right: 20px}
.ABDetailTop span{
  font-size: 14px;
  color: #999;
}
.ABDetailTop .MeTo{
  float: right;
  font-size: 14px;
  color: #999;
  width: 74px;
  height: 20px;
  line-height: 20px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  position: relative;
}
.ABDetailTop .MeTo:before{
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  width: 0;
  height: 1px;
  border-top: 1px solid #bf2122;
}
.ABDetailTop .MeTo:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: -1px;
  width: 0;
  height: 1px;
  border-bottom: 1px solid #bf2122;
}
.ABDetailTop .MeTo:hover{
  border-left: 1px solid #bf2122;
  border-right: 1px solid #bf2122;
  color: #bf2122;
}
.ABDetailTop .MeTo:hover:after,
.ABDetailTop .MeTo:hover:before{width: 76px}
.Leaf{margin-top: 50px}
.Leaf a{font-size: 14px;color: #666}
.Leaf a:hover{color: #bf2122}
/*  关于我们 公司简介  */
.ABTxtTop h3{
  font-weight: normal;
  font-size: 18px;
  color: #bf2122;
}
.ABTxtTop .hen{
  width: 70px;
  height: 2px;
  background-color: #bf2122;
  margin-top: 20px;
}
.ABListS1,.ABListS2{
  font-size: 14px;
  color: #666;
  line-height: 30px;
  text-align: justify;
  padding: 100px 0 50px;
}
.ABListS2{background-color: #f6f6f6;margin-bottom: 100px}
.ABListS1{background-color: #fff;margin-top: 20px;padding-top: 0}
.ABListCon{
  width: 1200px;
  margin: 0 auto;
}
.ABListCon img{width: 580px;}
.ABListConLf,.ABListConRt{
  width: 580px;
  height: auto;
  overflow: hidden;
  float: left;
}
.ABListConRt{float: right}
/*  公司资质  */
.ABZZ ul li{
  float: left;
  margin-right: 40px;
  margin-bottom: 40px;
  position: relative;
  cursor: pointer;
}
.ABZZ ul li dt{
  width: 270px;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.ABZZ ul li dt img{width: 100%}
.ABZZ ul li:hover dt{
  box-shadow: 0 5px 20px #aaa;
  -webkit-box-shadow:  0 5px 20px #aaa;
  -moz-box-shadow:  0 5px 20px #aaa;
  -o-box-shadow:  0 5px 20px #aaa;
}
.ABZZ ul li:hover dt img{
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.ABZZ ul li dl dd{
  color: #666;
  text-align: center;
  width: 250px;
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ABZZ ul li:hover dl dd{color: #bf2122;}
.ABZZ .pages{margin-top: 0}
/*  制作现场  */
.ABXCMed{
  position: absolute;
  top: 0;
  left: 0;
  width: 270px;
  height: 200px;
  overflow: hidden;
  background-color: #000;
  background-color: rgba(0,0,0,0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  z-index: 10;
}
.ABXCMed .es1{
  width: 200px;
  height: 74px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  line-height: 35px;
  overflow: hidden;
  border-bottom: 1px solid #aaa;
  position: relative;
  top: 50%;
  margin-top: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.ABZZ ul li:hover .ABXCMed{
  background-color: rgba(0,0,0,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ABZZ ul li:hover .ABXCMed .es1{
  margin-top: -37.5px;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
/*  产品中心  */
.ProductCon ul li{
  float: left;
  margin-right: 40px;
  margin-bottom: 40px;
  box-shadow: 0 5px 20px #ddd;
  -webkit-box-shadow:  0 5px 20px #ddd;
  -moz-box-shadow:  0 5px 20px #ddd;
  -o-box-shadow:  0 5px 20px #ddd;;
}
.ProductCon ul li a{
  display: block;
  width: 270px;
  position: relative;
}
.ProductCon ul li a dt img{width: 100%}
.ProductCon ul li a dt{
  width: 270px;
  height: 200px;
  overflow: hidden;
}
.ProductCon ul li a dd{
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  color: #383838;
  background-color: #f7f7f7;
}
.ProductCon ul li a dd .pr1{
  float: left;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ProductCon ul li a dd .pr2{
  float: right;
  width: 15px;
  height: 10px;
  margin-top: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("images/jicon.png");
}
.ProductCon ul li a:hover dd .pr2{background-position: 0 -41px;}
.ProductCon ul li a:hover dd{background-color: #bf2122}
.ProductCon ul li a:hover dd .pr1{color: #fff}
.PCMed{
  position: absolute;
  top: 0;
  left: 0;
  width: 270px;
  height: 200px;
  background-color: #000;
  background-color: rgba(0,0,0,0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  z-index: 10;
  overflow: hidden;
}
.PCMedTxt{
  width: 258px;
  height: 188px;
  margin: 5px auto 0;
  border: 1px solid #999;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("images/lj1.png");
  text-align: center;
  color: #fff;
  line-height: 300px;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.PCMedTxt span{
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  position: relative;
  top: 50px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.ProductCon ul li a:hover .PCMed{
  background-color: rgba(0,0,0,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ProductCon ul li a:hover .PCMedTxt{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.ProductCon ul li a:hover .PCMedTxt span{
  top: 0;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.ProductCon .pages{margin-top: 0}
/*  产品中心详情页  */
.PDMain{
  line-height: 30px;
  color: #666;
  font-size: 14px;
  text-align: justify;
}
.PDKuai{
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background-color: #e05e5f;
  margin: 40px 0;
}
/*  案例中心  */
.CaseCon ul li{
  margin-bottom: 40px;
}
.CaseCon ul li a{
  display: block;
  height: 215px;
}
.CaseCon ul li a:hover{
  box-shadow: 5px 5px 20px #ddd;
  -webkit-box-shadow:  5px 5px 20px #ddd;
  -moz-box-shadow:  5px 5px 20px #ddd;
  -o-box-shadow:  5px 5px 20px #ddd;
}
.CCImg img{width: 100%}
.CCImg{
  float: left;
  width: 290px;
  height: 215px;
  overflow: hidden;
  position: relative;
}
.CaseCon ul li a:hover .CCImg img{
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}
.CCMed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0,0,0,0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  background-image: url("images/lj1.png");
  background-repeat: no-repeat;
  background-position: center;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}

.CaseCon ul li a:hover .CCMed{
  background-color: rgba(0,0,0,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.CCTxtRt{
  float: right;
  width: 850px;
  height: 155px;
  padding: 30px;
  background-color: #f8f8f8;
}
.CCTxtRt h3{
  font-weight: normal;
  font-size: 18px;
  color: #383838;
  margin-bottom: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.CaseCon ul li a:hover .CCTxtRt h3{color: #bf2122}
.CCTxtRt .span{
  line-height: 27px;
  height: 54px;
  overflow: hidden;
  font-size: 14px;
  color: #666;
  text-align: justify;
}
.CCMore{
  width: 138px;
  height: 38px;
  border: 1px solid #ddd;
  margin-top: 18px;
  line-height: 40px;
  text-align: center;
}
.CCMore:hover{
  background-color: #bf2122;
  border: 1px solid #bf2122;
  color: #fff;
}
/*  合作客户  */
.CaseS2 ul li{
  float: left;
  width: 285px;
  height: 160px;
  margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  top: 0;
}
.CaseS2 ul li img{width: 100%}
.CaseS2 ul li:hover{
  top: -5px;
  box-shadow: 0 5px 20px #ddd;
  -webkit-box-shadow:  0 5px 20px #ddd;
  -moz-box-shadow:  0 5px 20px #ddd;
  -o-box-shadow:  0 5px 20px #ddd;;
}
/*  客户服务  */
.ServesImg{text-align: center;}
.ServesTxt{
  font-size: 14px;
  color: #666;
  line-height: 30px;
  text-align: justify;
}
.figure img{
  float: right;
  overflow: hidden;
  margin-left: 30px;
  margin-bottom: 15px;
}
.SHServes{
  margin-top: 40px;
  padding-bottom: 40px;
  background-color: #f6f6f6;
  overflow: hidden;
}
.SHServesS2{margin-bottom: 100px}
.SHSMain{
  width: 1200px;
  margin: 0 auto;
  font-size: 14px;
  color: #666;
  line-height: 30px;
  text-align: justify;
}
.ToMeMain{
  font-size: 14px;
  color: #666;
  line-height: 30px;
  text-align: justify;
}
.ToMeMain .h3{
  line-height: 18px;
  color: #383838;
  margin-bottom: 20px;
}
.ToMeMain .h3 i{
  float: left;
  width: 6px;
  height: 18px;
  background-color: #bf2122;
  margin-right: 10px;
}
.TelMe{margin-top: 30px;}
.TelMe .span1{color: #bf2122}
.TelMe ul{margin-top: 20px}
.TelMe ul li{
  float: left;
  width: 285px;
  height: 130px;
  background-color: #f2f2f2;
  margin-right: 20px;
  text-align: center;
  font-size: 16px;
  position: relative;
  top: 0;
}
.TelMeMain{
  position: relative;
  top: 0;
}
.TelMeImg{
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: left center;
}
.TelMe .img1{background-image: url("images/ren1.png");}
.TelMe .img2{background-image: url("images/ren2.png");}
.TelMe .img3{background-image: url("images/ren3.png");}
.TelMe .img4{background-image: url("images/ren4.png");padding-left: 40px}
.TelMe ul li:hover{
  box-shadow: 0 5px 20px #ddd;
  -webkit-box-shadow: 0 5px 20px #ddd;
  -moz-box-shadow: 0 5px 20px #ddd;
  -o-box-shadow: 0 5px 20px #ddd;
  top: -5px;
}
#Map{margin-top: 40px}
/*  固定悬浮框  */
.FreeLeft{
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 116px;
  background: #B32324;
  color: #fff;
  padding: 15px 12px;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden;
  z-index: 50;
}
.FreeLeft>span{
  position: relative;
  font-size: 16px;
  line-height: 30px;
}

.fiexd{
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  height: 460px;
  margin: auto;
  background-color: #fff;
  width: 130px;
  z-index: 50;
  display: none;
}
.FieTop:after{content: ' ';display: table;clear: both}
.FieTop{
  background-color: #4d505f;
  height: 35px;
  line-height: 35px;
  text-align: left;
  color: #fff;
  padding-left: 20px;
}
.FieTop .FiexdClose{
  float: right;
  cursor: pointer;
  width: 35px;
  height: 35px;
  background-image: url("images/freeclose.png");
  background-repeat: no-repeat;
  background-position: center;
}
.FieQQ{
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.FieQQ a{
  display: inline-block;
  width: 103px;
  height: 28px;
  line-height: 30px;
  border: 1px solid #ddd;
  font-size: 14px;
}
.FieQQ a span{
  padding-left: 25px;
  background-image: url("images/qq1.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.FieTel{
  padding: 10px 0 5px;
  text-align: center;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  border-bottom: 1px solid #ddd;
}
.FieTel .FieTel1{
  font-size: 14px;
  color: #383838;
}
.FieTel .FieTel2{color: #bf2122}
.FieTel .FieTel3{font-size: 14px;color: #383838}
.FieTel img{
  width: 97px;
  height: 90px;
}
/*  制作现场  */
.SuperMax{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
}
.SuperMaxRe{
  position: relative;
  width: 100%;
  height: 100%;
}
.SuperMaxBg{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important;
  display: none;
}
.SuperMaxImg{
  position: relative;
  top: 0;
  padding: 20px;
  background-color: #fff;
  margin: 0 auto;
  opacity: 0;
  display: none;
}